<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
<title>Hello APP</title>
<link rel="stylesheet" type="text/css" href="../css/aui-flex.css" />
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<style>
/*弹窗*/
body {
	background: transparent;
}
.popBox {
	left: 1.9rem;
	right: 1.9rem;
	text-align: center;
}
.popBox.mid {
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.textBox {
	padding: 1.5rem 1.5rem;
}
.textBox .ttl {
	margin-bottom: 0.75rem;
	font-size: 0.8rem;
	color: #010101;
}
.textBox .que {
	font-size: 0.6rem;
	color: #555;
}
.bot-btn > div {
	width: 50%;
	font-size: 0.7rem;
	color: #fff;
	height: 2.5rem;
	line-height: 2.5rem;
}
.bot-btn > div.can {
	background: #ccc;
}
	.resultTtl {
		line-height: 2.4rem;
		color: #FFF;
		background: #E73250;
		font-size: 0.8rem;
	}
	.result {
		background: #FFF;
	}
	.result .text {
		padding: 0.75rem;
		color: #010101;
		font-size: 0.6rem;
		text-align: left;
	}
	.couponBox {
		padding: 1rem 0;
	}
	.coupon {
		margin: 0 auto;
		width: 10.5rem;
		position: relative;
		font-size: 1.2rem;
		color: #FFF;
	}
	.coupon .money {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.coupon .money span {
		font-size: 1.8rem;
	}
	.btmBtnBox {
		padding: 0 1.25rem 1.25rem; 
	}
	.comBtmBtn {
		line-height: 2rem;
		border-radius: 1rem;
		font-size: 0.9rem;
	}
	.searchResult .closeBtn {
		position: absolute;
		left: 50%;
		top: 100%;
		width: 1.6rem;
		-webkit-transform: translate(-50%,50%);
		transform: translate(-50%,50%);
	}
	.noCoupon {
		margin-bottom: 1rem;
		font-size: 0.7rem;
		color: #333;
	}
	.noResult {
		margin: 0 0.75rem;
		line-height: 2.5rem;
		color: #adadad;
	}
</style>
</head>
<body>
<div class="popOverlay" tapmode onClick="api.closeFrame();"></div>
<div class="popBox mid" id="search_html">
	<div class="textBox">
		<div class="ttl">是否要搜索以下商品</div>
		<div class="que" id="tex"></div>
	</div>
	<div class="aui-flex-col bot-btn">
		<div class="can" tapmode onClick="api.closeFrame();" id="can">取消</div>
		<div class="del bg-e7" tapmode onclick="queren()" id="queren">搜索</div>
	</div>
</div>
<script type="text/x-dot-template" id="result_tpl">
<div class="searchResult relative">
	<div class="closeBtn" tapmode onClick="api.closeFrame();"><img src="../image/common/08.png" width="100%" alt=""></div>
	<div class="resultTtl">查找结果</div>
	<div class="result">
		<div class="text">{{= getMsg()}}</div>
		<div class="aui-border-t couponBox">
			<div class="coupon">
				<img src="../image/best/coupon02.png" width="100%" alt="">
				<div class="money">￥<span>200</span></div>
			</div>
		</div>
		<div class="noCoupon">暂无优惠券，担有佣金</div>
		<div class="btmBtnBox">
			<div class="comBtmBtn">分享赚￥5.96</div>
		</div>
		<div class="noResult aui-border-t">未找到该商品</div>
	</div>
</div>
</script>
</body>
<script type="text/javascript" src="../script/import.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
    var PAGE_PARAM;
    apiready = function() {
        api.parseTapmode();
        PAGE_PARAM = api.pageParam;
        $$('#tex').text(PAGE_PARAM.msg);
    };
	function getMsg(){
		return PAGE_PARAM.msg;
	}

    function queren(){
		var tpl = $$('#result_tpl').html();
		var tempFn = doT.template(tpl);
		$$('#search_html').html(tempFn(  ));
		api.parseTapmode();
    }
</script>
</html>
